$J_=jQuery.noConflict();
var teller = 0;
var forsinkelse = 500;
function fjernFrontKlassenFraForrigeElement(bilder, teller) {
	var antall = bilder.size();
	var bildenummer = (teller) % antall;
	var bildeSomSkalFjernes;
	// her begynt loopen på nytt
	if (bildenummer === 0) {
		bildeSomSkalFjernes = antall - 1;
	} else {
		bildeSomSkalFjernes = bildenummer - 1;
	}
	var bilde = bilder.get(bildeSomSkalFjernes);
	// Bytter bare bilde med animasjon dersom det er flere enn ett bilde
	if (bilder.size()>1) {	
		$J_(bilde).animate( {
			opacity : 0.0
		}, forsinkelse);
	}

}

function setFrontKlassenPaElement(bilder, teller) {
	var antall = bilder.size();
	if(antall!==0) {
	var bildenummer = (teller % antall);
	var bilde = bilder.get(bildenummer);
		$J_(bilde).animate( {
			opacity : 1
		}, forsinkelse);
	}
}

function byttBilde() {
	teller=teller+1;
	var $J_bildelister = $J_('.artikkel .bilder');
	$J_bildelister.each(function() {
		 var $J_bilder = $J_(this).find("img");
		 fjernFrontKlassenFraForrigeElement($J_bilder, teller);
		 setFrontKlassenPaElement($J_bilder, teller);
	});
}
function setAlleBilderSomGjennomsiktigeOgLeggDeOppaHverandre()
{
 var $J_bilder = $J_('.artikkel .bilder img');
 $J_bilder.css({"opacity":0, "position": "absolute"});
/*
 * $J_bilder.each(function() { $J_(this).animate( { opacity : 0.0, position:
 * "absolute" }, 0); })
 */ 
}

$J_(function() {
	setAlleBilderSomGjennomsiktigeOgLeggDeOppaHverandre();
	// Kjører med en gang slik at første bilde vises
	byttBilde();
	setInterval(byttBilde, 3000);
});